import React, { useState } from 'react'
import { Col, Row, Input, message } from 'antd';
import './ExpressageList.css'
import axios from 'axios'
import { useEffect } from 'react';

export default function ExpressageList() {
  const { Search } = Input;
  const [img, setImg] = useState('')
  const onSearch = (e) => {
    axios.get('https://api.vvhan.com/api/kuaidi?hao=' + e).then(res => {
      message.error(res.data.message);
    })
  }

  return (
    <div className='kBox'>
      <div className='leftBox'>
        <Row justify="start">
          <Col span={12}>
            <Search
              placeholder="请输入订单号"
              allowClear
              enterButton="查询"
              size="large"
              onSearch={onSearch}
            />
          </Col>
        </Row>
        <div style={{ width: '100%;' }}>
          <div className='zanwu'>
            暂无数据
          </div>
        </div>
      </div>
      <div className='rightBox'>
        <img className='img1' alt='' src='https://api.vvhan.com/api/zhichang'></img>
      </div>
    </div>
  )
}
